@import './_function.less';
.header {
    background: #ff8f00;
    .lh(90);
    .fs(40);
    color: #ffffff;
    img {
        .mr(254);
        .ml(20);
        .w(24);
        .h(44);
        .mt(24);
        display: block;
        float: left;
    }
}

.main {
    background-color: #e6e6e6;
    .mh(1200);
    overflow: hidden;
    .people {
        .mb(32);
        background: #ffffff;
        .pl(20);
        .pr(20);
        .gutianle {
            .ml(56);
            float: left;
            div {
                .w(502);
                .lh(60);
                i {
                    .ml(236);
                }
            }
        }
        img {
            float: right;
            .mt(44);
            .w(18);
            .h(32);
        }
    }
    .list {
        background: #ffffff;
        overflow: hidden;
        .item {
            background-color: #fdfdfd;
            .pl(20);
            .pr(20);
            overflow: hidden;
            .mb(22);
            .pt(20);
            .pb(20);
            border-bottom: 1px solid #e5e5e5;
            border-top: 1px solid #e5e5e5;
            img {
                float: left;
                .w(198);
                .h(198);
                border:1px solid #e5e5e5;
            }
            .product {
                float: right;
                .w(472);
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                .h(198);
                a {
                    .fs(36);
                    color: #3f3f3f;
                }
                .happy {
                    .mt(26);
                    i {
                        .ml(18);
                    }
                    span {
                        float: right;
                    }
                }
                .money {
                    span {
                        color: #f20d0d;
                    }
                    i {
                        .ml(258);
                    }
                }
            }
        }
    }
    .menu {
        .pt(50);
        background: #ffffff; // .pb(14);
        .lh(44);
        div {
            .pl(20);
            .pr(20);
            .mb(18);
            span {
                float: right;
            }
            .price {
                color: #f20d0d;
            }
        }
    }
}

.footer {
    .oh;
    .h(80);
    .lh(80);
    .true {
        float: left;
        .fs(36);
        .pl(20);
        span {
            color: #f20d0d;
        }
    }
    .submit {
        float: right;
        .w(220);
        .h(80);
        background: #f20d0d;
        color: #ffffff;
        text-align: center;
        .fs(44);
    }
}